<template>
	<view class="contain">
		<Header></Header>
		<view class="box1" @click="onclick1">
			<text>产品信息</text>
		</view>
		<view class="box2" @click="onclick2">
			<text>订单管理</text>
		</view>
		<view class="box3" @click="onclick3">
			<text>数据分析</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			onclick1(){
				uni.navigateTo({
					url:"/pages/produce/produce"
				})
			},
			onclick2(){
				uni.navigateTo({
					url:"/pages/bill_management/bill_management"
				})
			},
			onclick3(){
				uni.navigateTo({
					url:"/pages/data_deal/data_deal"
				})
			}
		}
	}
</script>

<style lang="scss">
	.contain{
		position: fixed;
		height: 100%;
		width: 100%;
		background-color: #D4E4DC;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.box1{
		display: flex;
		width: 370px;
		height: 180px;
		background-color: lawngreen;
		margin-left: auto;
		margin-right: auto;
		border-radius: 50px;
	}
	.box2{
		display: flex;
		width: 370px;
		height: 180px;
		background-color: lawngreen;
		margin-left: auto;
		margin-right: auto;
		border-radius: 50px;
	}
	.box3{
		display: flex;
		width: 370px;
		height: 180px;
		background-color: lawngreen;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		border-radius: 50px;
	}
	text{
		font-size: 20px;
		font-weight: bolder;
		margin: auto auto auto auto;
		
	}
</style>
